<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./css/index.css" />
    <title>三国战纪</title>
  </head>

  <body>
    <div class="pageTitle">三国战纪</div>
    <div class="progress-box">
      <div class="progress"></div>
      资源正在加载中...
    </div>
    <div class="box">
      <canvas id="game" height="720px"></canvas>
      <div class="startBox">
        <div class="textBox">
          <p>
            滚滚长江东逝水，浪花淘尽英雄。是非成败转头空。青山依旧在，几度夕阳红。白发渔樵江渚上，惯看秋月春风。一壶浊酒喜相逢。古今多少事，都付笑谈中。
          </p>
          <p>
            话说天下大势，分久必合，合久必分。周末七国分争，并入于秦。及秦灭之后，楚、汉分争，又并入于汉。汉朝自高祖斩白蛇而起义，一统天下，后来光武中兴，传至献帝，遂分为三国。推其致乱之由，殆始于桓、灵二帝。桓帝禁锢善类，崇信宦官。及桓帝崩，灵帝即位，大将军窦武、太傅陈蕃，共相辅佐。时有宦官曹节等弄权，窦武、陈蕃谋诛之，机事不密，反为所害，中涓自此愈横。
          </p>
        </div>
        <button type="button" class="btnStart">开始游戏</button>
      </div>
    </div>
    <audio src="./music/bgmusic.mp3" loop id="bgm"></audio>
    <ul class="control-desc">
      <li><b>操作说明：</b></li>
      <li>上:w，下:s，左:a，右:d</li>
      <li>j:攻击</li>
      <li>当mp蓝条的值满了以后，可以按k键放大招</li>
    </ul>
  </body>
  <script src="./js/resList.js"></script>
  <script src="./js/Background.js"></script>
  <script src="./js/Hero.js"></script>
  <script src="./js/Enemy.js"></script>
  <script src="./js/index.js"></script>
</html>
